<template>
	<!-- 充值成功 -->
	<view>
		<!-- 顶下状态栏的盒子 -->
		<view class="header"></view>
		<!-- 顶下状态栏的盒子 -->
		
		<view class="pl50 pr50 boxr bannerbox">
			<!-- 充值金额盒子 -->
			<view class="flex col-center row-center pt74 pb32 bannerbox-m">
				<view class="mr76">充值金额</view>
				<text>¥5600</text>
			</view>
			<!-- //充值金额盒子 -->
			
			<view class="bannerbox-info">
				<view class="bannerbox-info-tit flex mt60 mb60">
					<view class="">充值时间：</view>
					<text>2021-05-25 10:28:51</text>
				</view>
				<view class="bannerbox-info-tit flex">
					<view class="">充值方式：</view>
					<text>支付宝</text>
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	background: url(../../../../static/img/my/paysuccess.png) no-repeat;
	background-size: 100% auto;
	position: relative;
}
.header {
	height: var(--status-bar-height);
}
.bannerbox {
	position: absolute;
	top: 420rpx;
	left: 0;
	width: 100%;
	height: 100vh;
	.bannerbox-m {
		border-bottom: 2rpx solid #D2DEEB;
		font-size: 26rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #6D788B;
		text {
			font-size: 60rpx;
			font-weight: 500;
			color: #1385FF;
		}
	}
	.bannerbox-info {
		.bannerbox-info-tit {
			font-size: 26rpx;
			font-weight: 400;
			color: #6D788B;
			text {
				font-weight: 500;
				color: #0C162E;
			}
		}
	}
}
</style>
